body {
    width:100%;
    height: 100%;
}

.am-header {
    height: 44px;
    padding: 0px;
    background-color: #108ee9;
}

table.mobile {
    width: 100%;
    font-size: 14px;
}
table.mobile th {
    background-color: #2cc0ce;
    color: #000;
    line-height: 36px;
    text-align: center;
    border-right: 1px solid #010002;
    border-bottom: 1px solid #010002;
}
table.mobile td {
    text-align: center;
    line-height: 30px;
    border-right: 1px solid #9e9d9b;
    border-bottom: 1px solid #9e9d9b;
}

.filter {
    background-color: #eeeeee;
    border-bottom: 1px solid #000;
    padding: 8px 0px 8px 8px;
}
.filter .item {
    float: left;
}
.filter .am-selected {
    width: 100%;
}
.filter .am-selected-btn, .filter .am-form-field[readonly] {
    background-color: #e6e4e5;
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    padding: 5px 10px 5px 8px;
    line-height: 20px;
}

.charge_menus .bank, .charge_menus .wechat, .charge_menus .alipay {
    border: 1px solid #ccc;
    border-left: 0px;
    border-right: 0px;
    margin: 1px 0 1px 0;
    background-color: #ececec;
}
.charge_menus a {
    display: block;
}
.charge_menus .icon {
    float: left;
    text-align: right;
    padding: 10px 10px 10px 50px; 
}
.charge_menus .arrow {
    float: right;
    width: 30px;
    padding-top: 14px;
}
.charge_menus .title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
}
.charge_menus .clue {
    color: #323232;
    font-size: 14px;
}
.empty {
    display: none;
    text-align: center;
    padding-top: 30px;
    color: red;
}

.groups-title {
    line-height: 30px;
    color: blue;
    padding-left: 10px;
    margin-top: 20px;
}
.groups li {
    text-align: center;
}
.groups li img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.charge_item {
    margin: 0px 10px 0px 10px;
    font-size: 14px;
}
.charge_item .am-selected {
    width: 100%;
}
.charge_item .am-selected button {
    border-radius: 4px;
}
.charge_item input {
    border-radius: 4px;
}
.important {
    color: red;
    font-size: 14px;
    text-align: center;
    padding: 5px 5px 10px 5px;
}
.clue {
    font-size: 12px;
    padding: 5px 0px 10px 10px;
}
.bankinfo {
    font-size: 14px;
    padding: 5px 10px 10px 10px;
}
.bankinfo img {
    border: 1px solid #ccc;
    width: 80px;
    height: 80px;
}
.button2 {
    text-align: center;
    margin-top: 10px;
}
.button2 button {
    border-radius: 4px;
}

.tabs {
    height: 43px;
    border: 1px solid #b8b8b8;
    border-left: 0px;
    border-right: 0px;
}
.tabs ul {
    margin: 4px 15px 6px 15px;
    border: 1px solid #000100;
    color: #000100;
    border-radius: 5px;
}
.tabs li {
    line-height: 30px;
    text-align: center;
    border-right: 1px solid #000100;
}
.tabs li.active {
    font-weight: bold;
    background-color: #fede27;
}
.charge-c {
    background-color: #fff;
    border-bottom: 1px solid #000000;
}
.charge-c .item-charge {
    margin-left: 10px;
    height: 64px;
    border-bottom: 1px solid #b8b8b8;
}
.charge-c .icon {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
}
.charge-c .arrow {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}
.charge-c .title {
    color: #000000;
    font-weight: bold;
    padding: 7px 0px 2px 0px;
}
.charge-c .clue {
    color: #85868a;
    font-size: 14px;
}

.common_item {
    margin: 15px 15px 0px 15px;
    background-color: #fff;
    height: 37px;
    border: 1px solid #333333;
    color: #333333;
    border-radius: 4px;
}
.with-title-input {
    width: 100%;
}
.with-title-input td.title {
    width: 80px;
    padding-left: 10px;
    line-height: 36px;
}
.with-title-input td.input div {
    text-indent: 5px;
    color: #138d98;
}
.with-title-input td.input input {
    background: none;
    border: 0px;
    color: #138d98;
}
.with-title-input td.see {
    width: 26px;
}
.with-title-input td.see img { width: 22px; }
.common_clue {
    font-size: 14px;
    color: #85868a;
    padding-left: 15px;
}
.form_clue {
    color: red;
    font-size: 14px;
    padding-left: 15px;
}
input.common_input {
    border: 1px solid #191919;
    color: #000;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
}

.important {
    color: red;
    font-size: 12px;
    line-height: 24px;
    padding: 5px;
    background-color: #fff;
}
.banklist {
    margin: 12px 17px 12px 17px;
}
.banklist .am-selected {
    width: 100%;
    color: #141414;
}
.banklist .am-selected button, .common_select button {
    background-color: #e6e4e5;
    border: 1px solid #141414;
    border-radius: 4px;
}
.banklist .am-btn-default:hover, .banklist .am-btn-default, 
.common_select .am-btn-default:hover, .common_select .am-btn-default {
    color: #141414;
    font-weight: bold;
}
.bankinfo {
    border: 1px solid #b9b7b8;
    border-radius: 5px;
    margin: 0px 17px 12px 17px;
    color: #666465;
    background-color: #fff;
}
.bankinfo .item {
    border-bottom: 1px solid #b9b7b8;
    line-height: 40px;
}
.bankinfo .item .title { float: left; width: 94px; text-align: center; }
.bankinfo .item .v { color: #141414; font-weight: bold; }
.bank button {
    width: 100%;
    background-color: #1db5c2;
    border: 1px solid #000;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
}
.step2 .amount {
    margin: 12px 17px 12px 17px;
}
.step2 .amount input {
    border: 1px solid #191919;
    color: #000;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
}
.step2 .clue {
    color: #4e4e4e;
    margin-left: 20px;
    font-size: 14px;
    line-height: 30px;
}
.common_container {
    margin: 0px 15px 0px 15px;
    border: 1px solid #b9b7b8;
    background-color: #fff;
    border-radius: 6px;
}
.common_container .name input {
    border: 0px;
    border-bottom: 1px solid #b9b7b8;
    border-radius: 0px;
    margin-top: 3px;
    background-color: #fff;
    color: #000;
}
.common_container .time input {
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #000;
}

.step3 .charge-title {
    padding: 5px 0px 5px 15px;
}
.step3 .charge_info, .step3 .bank_info {
    border: 1px solid #b9b7b8;
    border-radius: 5px;
    margin: 0px 17px 12px 17px;
    padding: 10px;
    background-color: #fff;
    color: #666465;
}
.step3 .charge_info div, .step3 .bank_info div {
    line-height: 32px;
}